{% extends "template/block_body.html" %}

{% block begin %}
<link rel="stylesheet" type="text/css" href="{{static_url('charging'|ns_css)}}">
<script type="text/javascript">var GMQQNUMBER = "{{GMQQ[0]}}";</script>
<script type="text/javascript" src="{{static_url('charging'|ns_js)}}"></script>
{% endblock %}

{% block title %}
充值中心
{% endblock %}

{% block titleList %}

{% endblock %}

{% block titleContent %}

{% endblock %}

{% block content %}
<div class="charging-box main-background-body" bottompadding="-135">
    <div class="charging-content clearfix">
        <script>
            var lowCredits = "{{ vipInfo['lower']|default(0) }}";
            var highCredits = "{{ vipInfo['higher']|default(0) }}";
            var currentCredits = "{{ vipInfo['current']|default(0) }}";
        </script>
        <div class="m-r-header clearfix">
            <div class="m-r-title">充值聊币</div>
            <div class="cz-help">
                <div class="_help">1.支付完毕请等待“<a href="/">自动跳回{{ webType['name'] }}</a>”页面，以免延迟或重复提交.</div>
                <div class="_help">2.由于网络原因，您的充值可能会延迟到账，超过24小时未到账请联系客服.</div>
            </div>
        </div>
        <div class="m-r-content clearfix">
            <div class="clearfix vip_level_style">
                {% if false and vipLevel > 0 %}
                {% if vipLevel == nextVipLevel %}
                <div class="vipvalue clearfix">
                    <div class="vipsta vipMaxLevel"><i class="sprite-vip_level VIP{{ vipLevel }}"></i></div>
                </div>
                {% else %}
                <div class="vipvalue clearfix">
                    <div class="vipsta"><i id="viplevelbegin"  class="sprite-vip_level VIP{{ vipLevel }}"></i></div>
                    <div class="vipprogress"><div id="vipprogress" class="vipprogress2"></div></div>
                    <div class="vipend"><i id="viplevelend" class="sprite-vip_level VIP{{ nextVipLevel }}"></i></div>
                    <div class="empiricValue">还需要充值{{ vipInfo['higher'] - vipInfo['current'] }}人民币</div>
                </div>
                <script type="text/javascript">
                    jq(function(){
                        vipprogress(lowCredits,highCredits,currentCredits);
                    });
                </script>
                {% endif %}
                {% endif %}
            </div>
            <div class="nav-select clearfix">
                <div class="left pull-left active">聊币充值</div>
                <div class="right pull-right" game="true">游戏充值</div>
            </div>
            <div class="cz-title-ico">请选择充值方式</div>
            <div class="cz-tab">
                <div class="cz-right-border"></div>
                <div class="cz-type on cz-zfb" value="zfb" strvalue="支付宝">
                    <div class="cz-title-img"></div>
                    <div class="cz-bottom-border"></div>
                </div>
                <div class="cz-type cz-wx" value="wx" strvalue="微信支付">
                    <div class="cz-title-img"></div>
                    <div class="cz-bottom-border"></div>
                </div>
                <!--<div class="cz-type cz-cft" value="0" strvalue="财付通">
                    <div class="cz-title-img"></div>
                    <div class="cz-bottom-border"></div>
                </div>-->
                <div class="cz-type cz-wyzfb" value="wy" strvalue="银联支付">
                    <div class="cz-title-img"></div>
                    <div class="cz-bottom-border"></div>
                </div>
                <div class="cz-type cz-szf" value="szf" strvalue="手机充值卡">
                    <div class="cz-title-img"></div>
                    <div class="cz-bottom-border"></div>
                </div>
                <!--<div class="cz-type cz-zfbsm" value="zfbsm" strvalue="支付宝扫描">-->
                    <!--<div class="cz-title-img"></div>-->
                    <!--<div class="cz-bottom-border"></div>-->
                <!--</div>-->
                {% if ns_userType|default(0) == 3 %}
                <div class="cz-type cz-ybdh" value="ybdh" strvalue="元宝兑换">
                    <div class="cz-title-img"></div>
                    <div class="cz-bottom-border"></div>
                </div>
                {% endif %}
                <!--<div class="cz-type cz-ybzf" value="yeepay" strvalue="易宝支付">
                    <div class="cz-title-img"></div>
                    <div class="cz-bottom-border"></div>
                </div>-->
                <!-- <div class="cz-type cz-wx" value="wechatpay" strvalue="微信">
                    <div class="cz-title-img"></div>
                    <div class="cz-bottom-border"></div>
                </div> -->
                <!-- <div class="cz-type cz-wyzfb" value="0" strvalue="支付宝">
                    <div class="cz-title-img"></div>
                    <div class="cz-bottom-border"></div>
                </div> -->
            </div>
            <div class="cz-content" id="cs-content">
                <div class="cz-right-bgimg"></div>
                <div class="cz-bottom-bgimg"></div>
                <form id="addfundsform" name="addfundsform" autocomplete="off" style="display:none;">
                    <input type="hidden" name="bank_type" id="bank_type">
                    <input type="hidden" name="pay_type" value="zfb" id="pay_type">
                    <div class="cz-now clearfix">
                        <div class="_t">当前充值方式：</div>
                        <div class="_c now-strvalue">支付宝网银<span></span></div>
                    </div>
                    <div class="cz-user clearfix">
                        <div class="_t _no_douzi_user">充值到账户：</div>
                        <div class="_t _douzi_user">兑换到{{webType['name']}}账号：</div>
                        <div id="payForSelfName" class="_c alipay-username">{{ userInfo['nickName'] }}({{ userInfo['uid'] }})</div>
                        <div id="payForOtherName" class="_c alipay-username" style="display:none;"></div>
                    </div>
                    <div class="cz-post clearfix">
                        <div class="_t _no_douzi_user">您要选择的充值金额：</div>
                        <div class="_t _douzi_user">您所要兑换的元宝：</div>
                        <div class="_c">
                            <input id="RMB" name="RMB" readonly="readonly" type="text" class="input_text" value="5">
                        </div>
                    </div>
                    <div class="cz-get clearfix">
                        <div class="_t _no_douzi_user">可购买聊币：</div>
                        <div class="_t _douzi_user">兑换后获得的聊币：</div>
                        <div class="_c">
                            <input id="addfundamount" name="addfundamount" readonly="readonly" type="text" class="input_text" value="500">
                        </div>
                    </div>
                    <div class="cz-tip clearfix tip-money-text">
                        提示：人民币和聊币兑换比例为1:100
                    </div>
                    <div class="cz-but clearfix">
                        <div class="_t">
                            <div class="alipay2 alipay-btn _no_douzi_user" name="addfundssubmit_btn" id="addfundssubmit_btn" value="true" >确认付款</div>
                            <div class="alipay2 alipay-btn _douzi_user" onclick="douziExchange();">确认兑换</div>
                        </div>
                        <div class="_c">
                            <div class="alipay-btn alipay-return">返回</div>
                        </div>
                    </div>
                </form>
                <div class="cz-type-view">
                    <div class="czv-now">
                        当前充值方式：<span style="color:#ff0099;">支付宝</span>
                    </div>
                    <div id="selectGameDiv" class="clearfix" style="padding-top:18px;display:none;">
                        <span>充值业务：</span>
                        <select id="selectGame" style="min-width:130px;">
                            <option value="" selected="true">请选择游戏</option>
                            <option value="zmfdl">真·萌法大陆</option>
                            <option value="fhzh">烽火诸侯</option>
                            <option value="ssqxz">蜀山情仙传</option>
                            <option value="sgz">三国战</option>
                        </select>
                        <div id="selectGames" style="padding-top:10px;display:none;">
                            <span>游戏分区：</span>
                            <select style="min-width:130px;">
                                <option value="" selected="true">请选择分区</option>
                                <option style="display:none;" nsdata="fhzh">烽烟四起</option>
                                <option style="display:none;" nsdata="fhzh">诸侯争霸</option>
                                <option style="display:none;" nsdata="fhzh">群雄并起</option>
                                <option style="display:none;" nsdata="sgz">天下大乱</option>
                                <option style="display:none;" nsdata="sgz">苍天已死</option>
                                <option style="display:none;" nsdata="sgz">天下布武</option>
                                <option style="display:none;" nsdata="zmfdl">墨影龙焰</option>
                                <option style="display:none;" nsdata="zmfdl">芜岩星尘</option>
                                <option style="display:none;" nsdata="zmfdl">绿野仙踪</option>
                                <option style="display:none;" nsdata="ssqxz">情定圣山</option>
                                <option style="display:none;" nsdata="ssqxz">缘系妖塔</option>
                                <option style="display:none;" nsdata="ssqxz">义贯玄剑</option>
                            </select>
                        </div>
                    </div>
                    <div class="_no_douzi_user">
                        <div id="payForSelf" class="czv-user clearfix">
                            <span>充值到账户：</span><span style="font-weight:bold;">{{ userInfo['nickName'] }}({{ userInfo['uid'] }})</span>
                            <div id="payForOther" class="sprite-payForOther payForOther">为他人充值</div>
                        </div>
                        <div id="payNoForSelf" class="czv-user clearfix" style="display:none;">
                            <div class="clearfix">
                                <span>充值到账号ID：</span><input id="otherUserID" type="text" >
                                <div id="payNoForOther" class="sprite-payForOther payForOther">为自己充值</div>
                            </div>
                            <div id="tip-other" class="tip-other"></div>
                            <div class="clearfix">
                                <span style="padding-left: 12px;">确认账号ID：</span><input id="otherUserIDConfirm" type="text" >
                            </div>
                        </div>
                    </div>
                    <div class="czv-user _douzi_user clearfix">
                        <span>兑换到{{webType['name']}}账号：</span><span style="font-weight:bold;" id="douzi_user_html">{{ userInfo['nickName'] }}({{ userInfo['uid'] }})</span>
                    </div>
                    <div class="czv-user _douzi_user" style="display:none;float:right;margin-top: -30px;margin-right: 50px;">元宝余额：<span id="ingot_number">{{ ingotNum|default(0) }}</span>元宝</div>
                    <div class="czv-select">
                        <div class="czvs-top"></div>
                        <div class="czvs-body money">
                            <ul class="clearfix">
                                <li class="clearfix _no_douzi_user">
                                    <div class="czvs-post-btn radio-btn radio-btn-on _szf_first _zfb_first _wyzfb_first" name="radiomoney" value="10"></div>
                                    <div class="czvs-post-text">10<span class="_no_douzi_user">元</span><span class="_douzi_user">元宝</span>=1000聊币</div>
                                </li>
                                <li class="clearfix _no_douzi_user _is_szf">
                                    <div class="czvs-post-btn radio-btn" name="radiomoney" value="20"></div>
                                    <div class="czvs-post-text">20<span class="_no_douzi_user">元</span><span class="_douzi_user">元宝</span>=2000聊币</div>
                                </li>
                                <li class="clearfix _no_douzi_user _is_szf">
                                    <div class="czvs-post-btn radio-btn" name="radiomoney" value="30"></div>
                                    <div class="czvs-post-text">30<span class="_no_douzi_user">元</span><span class="_douzi_user">元宝</span>=3000聊币</div>
                                </li>
                                <li class="clearfix">
                                    <div class="czvs-post-btn radio-btn _douzi_first" name="radiomoney" value="50"></div>
                                    <div class="czvs-post-text">50<span class="_no_douzi_user">元</span><span class="_douzi_user">元宝</span>=5000聊币</div>
                                </li>
                                <li class="clearfix">
                                    <div class="czvs-post-btn radio-btn" name="radiomoney" value="100"></div>
                                    <div class="czvs-post-text">100<span class="_no_douzi_user">元</span><span class="_douzi_user">元宝</span>=10000聊币</div>
                                </li>
                                <li class="clearfix _no_douzi_user _is_szf">
                                    <div class="czvs-post-btn radio-btn" name="radiomoney" value="300"></div>
                                    <div class="czvs-post-text">300<span class="_no_douzi_user">元</span><span class="_douzi_user">元宝</span>=30000聊币</div>
                                </li>
                                <li class="clearfix">
                                    <div class="czvs-post-btn radio-btn" name="radiomoney" value="500"></div>
                                    <div class="czvs-post-text">500<span class="_no_douzi_user">元</span><span class="_douzi_user">元宝</span>=50000聊币</div>
                                </li>
                                <li class="clearfix _no_szf">
                                    <div class="czvs-post-btn radio-btn" name="radiomoney" value="1000"></div>
                                    <div class="czvs-post-text">1000<span class="_no_douzi_user">元</span><span class="_douzi_user">元宝</span>=100000聊币</div>
                                </li>
                                <li class="clearfix _no_szf">
                                    <div class="czvs-post-btn radio-btn" name="radiomoney" value="5000"></div>
                                    <div class="czvs-post-text">5000<span class="_no_douzi_user">元</span><span class="_douzi_user">元宝</span>=500000聊币</div>
                                </li>
                                <li class="clearfix _no_szf">
                                    <div class="czvs-post-btn radio-btn" name="radiomoney" value="10000"></div>
                                    <div class="czvs-post-text">10000<span class="_no_douzi_user">元</span><span class="_douzi_user">元宝</span>=1000000聊币</div>
                                </li>
                                <li class="clearfix _no_douzi_user _no_szf">
                                    <div class="czvs-post-btn radio-btn" name="radiomoney" value="other"></div>
                                    <div class="czvs-post-text">其他金额<input type="text" id="cz-post-rmb">元</div>
                                </li>
                            </ul>
                        </div>
                        <div class="czvs-bottom"></div>
                        <div class="czvs-header _no_douzi_user">
                            请输入您要充值的金额
                        </div>
                        <div class="czvs-header _douzi_user">
                            请选择要兑换的元宝
                        </div>
                    </div>
                    <div class="czv-wyzfb czv-select" style="display:none;">
                        <div class="czvs-top"></div>
                        <div class="czvs-body bank">
                            <ul class="clearfix">
                                {% for bank in bankList %}
                                <li class="clearfix">
                                    <div class="czvs-post-btn radio-btn" name="banktype" value="{{ bank['name'] }}"></div>
                                    <div class="czvs-post-text">{{ bank['name'] }}</div>
                                </li>
                                {% endfor %}
                            </ul>
                        </div>
                        <div class="czvs-bottom"></div>
                        <div class="czvs-header-ico left"></div>
                        <div class="czvs-header-ico right"></div>
                        <div class="czvs-header">
                            请选择银行
                        </div>
                    </div>
                    <div class="czv-tip">
                        <div class="czv-tip">
                            提示：
                            <span class="_no_douzi_user">人民币</span><span class="_douzi_user">元宝</span>和聊币兑换比例为1:100
                            <span class="_douzi_user _showHistoryOfDouzi" onclick="showDouziHistory();">查看兑换记录</span>
                        </div>
                        {% if userAccountInfo['internalType']==1 %}
                        <div style="float: right;margin: -20px 42px 0 0;">贵宾号不能充值</div>
                        {% else %}
                        <div id="czv-next" class="czv-next">下一步</div>
                        {% endif %}
                    </div>
                    <div class="_douzi_user">
                        <table class="czv-meoreOfDouzi _hide">
                            <thead>
                                <tr>
                                    <td>兑换时间</td>
                                    <td>兑换的元宝</td>
                                    <td>获得的聊币</td>
                                </tr>
                            </thead>
                            <tbody id="ingotDataList">
                            </tbody>
                        </table>
                    </div>
                </div>
                <span style="display:none" id="return_addfundsform"></span>
            </div>
            <iframe scrolling="no" id="cs-iframe" style="display:none;border:none;width:696px;height:542px;border:0;"></iframe>
        </div>
    </div>
    <div class="m-r-border-bottom">
        <div class="bg-left"></div>
        <div class="bg-center"></div>
        <div class="bg-right"></div>
    </div>
    <div class="m-r-bottom-ico"></div>
</div>
{% include "template/background.html" %}
{% endblock %}

{% block end %}

{% endblock %}

